<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 对比封装的集合 和 es6内置集合的区别
      const set = new Set()
      set.add(100)
      set.add(200)
      set.add(300)
      set.add(400)

      // 集合长度是属性并非方法
      // console.log(set.size);


      // values方法返回的并不是数组 而是迭代器
      const res = set.values()
      // console.log(res);

      // **重点** 迭代器的使用
      // 1_  next方法
      // 2_  for...of
      // 3_  ...扩展运算符


      // - 每一项都调用next方法就可以获取
      // console.log(res.next()); 

      // - 迭代器的遍历方法 for...of
      // for (const iterator of res) {
      //   console.log(iterator);
      // }

      // - 变成普通数组 
      console.log([...res]);

      

      // 工作中用到集合的场景 
      // 对集合进行交并补 (关系型数据库 进行联表查询时)



    </script>
  </body>
</html>
